*{
    margin: 0;
    padding: 0;
}
/* 头部 */
#hader{
    width: 100%;
    height: 117px;
    /* background: skyblue; */
}
.hade{
    width: 1234px;
    height: 117px;
    /* background: sienna; */
    margin: auto;
}
.logo{
    width: 180px;
    height: 117px;
    /* background: pink; */
    float: left;
}
.logo img{
    float: left;
    margin: 15px 0 0 15px;
}
.daohan{
    width: 760px;
    height: 72px;
    /* background: red; */
    float: right;
}
.daohan li{
    float: left;
    list-style: none;
    margin: 24px 30px 0px 38px;

}
.daohan a:hover{
    border-bottom: 3px solid #a20a09;
}
.daohan a{
    text-decoration: none;
    color: #000;
}
.deng{
    width: 323px;
    height: 45px;
    /* background: yellow; */
    float: right;
}
.deng input{
    height: 20px;
    border-radius: 30px;
    margin: 10PX 0 0 0;
}
.deng .iconfont{
margin: 0 0 0 -35px;
}
.deng li{
    float: right;
    margin: -20px 25px 0px -21px;
}
.deng a{
    color: #000;
    text-decoration: none;
}
/* 轮播 */
#car img{
    width: 100%;
    height: 600px;
    vertical-align: top;
    opacity: 0;
}
.carousel{
    position: relative;
}
.carousel>.carousel_img>img{
    position: absolute;
    top: 0;
    left: 0;
    transition: 1s;
}
.carousel>button{
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -25px;
}
.carousel>button:nth-of-type(1){
    left: 50px;
}
.carousel>button:nth-of-type(2){
    right: 50px;
}
.carousel>button:hover{
    background: rgba(0,0,0,.5);
}
.carousel>button:active{
    background: rgba(0,0,0,.8);
}
.carousel>ul{
    width: 50px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 50px;
}
.carousel>ul>li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: hotpink;
    cursor: pointer;
}
#car img.active{
    opacity: 1;
}
.carousel>ul>li.active{
    background: red;
}
/* 主体 */
#section{
    width: 100%;
    height: 2994px;
    /* background: slateblue; */
}
/* 第一部分 */
.diyi{
    width: 1234px;
    height: 707px;
    /* background: slategray; */
    margin: auto;
}
.jia{
    width: 1126px;
    height: 471px;
    /* background: #a20a09; */
    position: relative;
    border: 1px solid #a20a09;
    z-index: -1;
}
.jia{
    position: absolute;
    margin: 125px 0 0 0;
}
.zuo{
    width: 613px;
    height: 707px;
    /* background: springgreen; */
    float: left;
}
.zuo img{
    float: right;
    margin: 102px 0 0 0;
}
.you{
    width: 620px;
    height: 707px;
    /* background: lemonchiffon; */
    float: left;
}
.shang{
    width: 620px;
    height: 210px;
    /* background: rgb(73, 12, 12); */
    float: left;
}
.tian{
    width: 220px;
    height: 58px;
    background: #fff;
    margin: 95px 0 0 201px;
    border: 1px solid #a20a09;
}
.tian h2{
    width: 89px;
    height: 28px;
    font-size: 22px;
    margin: -19px 0 0 65px;
    background: #fff;
}
.tian p{
    margin: 10px 0 0 35px;
}
.zhong{
    width: 620px;
    height: 67px;
    background: #999999;
    float: left;
    border-bottom:1px solid #ccc ;
}
.zhong h2{
    float: left;
    margin: 27px 0 0 10px;
    color: #fff;
}
.zhong p{
    float: right;
    margin: 27px 10px 0 0;
    color: #fff;
}
.xia{
    width: 620px;
    height: 430px;
    background: #999999;
    float: left;
}
.xia p{
    float: left;
    margin: 10px 0 0 5px;
}
.xia span{
    float: left;
    margin: 33px 0 0 5px;
}
/* 第二部分 */
.dier{
    width: 1234px;
    height: 830px;
    /* background: darkmagenta; */
    margin: auto;
}
.yi{
    width: 1234px;
    height: 165px;
    /* background: darkolivegreen; */
    float: left;
}
.yi p{
    text-align: center;
    line-height: 155px;
    font-size: 22px;
}
.er{
    width: 1234px;
    height: 830px;
    /* background: rosybrown; */
}
.tuyi{
    width: 307px;
    height: 524px;
    /* background: royalblue; */
    float: left;
}
.tuyi img{
    float: left;
    margin: 0 0 0 10px;
}
.tuer{
    width: 264px;
    height: 524px;
    float: left;
    /* background: crimson; */
    margin: 0 0 0 45px;
}
.tuer img{
    margin: 0 0 0 2px;
    float: left;
}
.tuer p{
    text-align: center;
    font-size: 18px;
    line-height: 68px;
}
.tuer span{
    float: left;
    text-align: center;
    font-size: 16px;
}
.tusan{
    width: 264px;
    height: 524px;
    /* background: cyan; */
    margin: 0 0 0 45px;
    float: left;
}
.tusan p{
    text-align: center;
    font-size: 18px;
    line-height: 68px;
}
.tusan span{
    float: left;
    text-align: center;
    font-size: 16px;
}
.tusan img{
    margin: 0 0 0 2px;
    float: left;
}
.tusi{
    width: 264px;
    height: 524px;
    float: left;
    /* background: crimson; */
    margin: 0 0 0 45px;
}
.tusi img{
    margin: 0 0 0 2px;
    float: left;
}
.tusi p{
    text-align: center;
    font-size: 18px;
    line-height: 68px;
}
.tusi span{
    float: left;
    text-align: center;
    font-size: 16px;
}
.san{
    width: 1234px;
    height: 141px;
    /* background: rosybrown; */
    float: left;
}
.kong{
    width: 154px;
    height: 40px;
    background: red;
    margin: 4% auto;
}
.kong p{
    text-align: center;
    line-height: 40px;
    color: #fff;
}
/* 第三部分 */
.disan{
    width: 1234px;
    height: 696px;
    /* background: cornflowerblue; */
    margin: auto;
}
.sh{
    width: 1234px;
    height: 196px;
    /* background: crimson; */
    float: left;
}
.sh p{
    text-align: center;
    line-height: 196px;
    font-size: 22px;
}
.zho{
    width: 1186px;
    height: 374px;
    background: #a20a09;
    margin: auto;
}
.dong{
    width: 432px;
    height: 398px;
    float: left;
    margin: 22px 0 0 22px;
}
.xi{
    width: 690px;
    height: 374px;
    /* background: rosybrown; */
    float: left;
    margin: 0 0 0 42px;
}
.dia{
    width: 658px;
    height: 70px;
    /* background: salmon; */
    border-bottom: 1px solid #ffffff;
}
.dia span{
    float: left;
    margin: 48px 0 0 0;
    color: #fff;
}
.haid{
    width: 660px;
    height: 250px;
    /* background: seagreen; */
}
.haid i{
    float: left;
    margin: 37px 0 0 0;
    font-size: 14px;
    color: #fff;
}
.haid span{
    float: left;
    margin: 79px 0 0 0;
    font-size: 14px;
    color: #fff;
}
.zui{
    width: 83px;
    height: 23px;
    background: #fff;
    float: left;
    margin: 20px 0 0 0;
}
.zui span{
    color: red;
}
/* 第四部分 */
.disige{
    width: 1234px;
    height: 651px;
    /* background: hotpink; */
    margin: auto;
}
.tiao{
    width: 1234px;
    height: 125px;
    /* background: chocolate; */
    margin: auto;
}
.tiao img{
    width: 100%;
    height: 111px;
}
.ai{
    width: 288px;
    height: 523px;
    /* background: indigo; */
    float: left;
}
.ai:hover{
    background: #a20a09;
}
.ai img{
    overflow: hidden;
    cursor: pointer;
    transition : all 0.6s;
}
.ai img:hover{
    transform: scale(1.4);
}
.ai h2{
    font-size: 18px;
    line-height: 40px;
}
.ai i{
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0 0 0;
    float: left;
}

.ao{
    width: 288px;
    height: 526px;
    background: #a20a09;
    float: left;
    margin: 0 20px 0 20px;
}
.ao h2{
    font-size: 18px;
    line-height: 40px;
    color: #fff;
}
.ao span{
    color: #fff;
}
.ao i{
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0 0 0;
    float: left;
    color: #fff;
}
.an{
    width: 288px;
    height: 526px;
    /* background: indigo; */
    float: left;
    margin: 0 20px 0 22px;
}
.an:hover{
    background: #a20a09;
}
.an img{
    overflow: hidden;
    cursor: pointer;
    transition : all 0.6s;
}
.an img:hover{
    transform: scale(1.4);
}
.an h2{
    font-size: 18px;
    line-height: 40px;
}
.an i{
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0 0 0;
    float: left;
}
.ag{
    width: 288px;
    height: 526px;
    /* background: indigo; */
    float: left;
}
.ag:hover{
    background: #a20a09;
}
.ag h2{
    font-size: 18px;
    line-height: 40px;
}
.ag i{
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0 0 0;
    float: left;
}
.bi{
    width: 120px;
    height: 32px;
    background: #a20a09;
    float: left;
    margin: 45px 0 0 560px;
}
.bi span{
    float: left;
    margin: 7px 0 0 20px;
    color: #fff;
}
/* 底部 */
#footr{
    width: 100%;
    height: 92px;
    background: #666666;
}
#footr i{
    float: left;
    margin: 40px 0 0 290px;
    color: #fff;
}
